<template>
    <div>
        <el-row class="myCreateOrderrow2" type="flex" justify="center">
            <el-col :span="18" class="myCreateOrdercol2left">
                <div class="myCreateOrdercol2leftdiv">请在倒计时结束前创建订单。
                    <el-tooltip content="● 好商品需要精挑细选，特意为你留足20分钟考虑时间；" placement="top-end" effect="light">
                        <span><i class="el-icon-question" style="color:blue;"></i></span>
                    </el-tooltip>
                </div>
            </el-col>
            <el-col :span="6"></el-col>
        </el-row>
        <el-row class="myCreateOrderrow3" type="flex" justify="center">
            <el-col :span="1" class="myCreateOrdercol3leftsolid"></el-col>
            <el-col :span="6" class="myCreateOrdercol3left">
                <div class="myCreateOrdercol3leftdiv">收货信息</div>
            </el-col>
            <el-col :span="17">
                <div class="COATdiv1"><span @click="AddAddressBtn">点击选择收货地址</span></div>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    name:'PxCOAddTitle',
    methods:{
        AddAddressBtn(){this.$router.push({name:'PxChangeAdd',params:{data:1}})}
    },
}
</script>

<style scoped>
.myCreateOrderrow2{
    margin: 0 auto;
    max-width: 1000px;
    margin-top: 25px;
    height: 100%;
}
.myCreateOrdercol2left{
    height: 40px;
}
.myCreateOrdercol2leftdiv{
    opacity: 0.7;
    font-size: 16px;
    margin-top: 5px;
    margin-left: 10px;
}
.myCreateOrderrow3{
    margin: 0 auto;
    max-width: 1000px;
    margin-top: 0px;
    height: 100%;
    background-color: rgb(245, 245, 245);
    border: 1px solid rgb(212, 212, 212);
}
.myCreateOrdercol3leftsolid{
    background-color: rgb(228, 67, 102);
    width: 5px;
}
.myCreateOrdercol3left{
    height: 40px;
    text-align: center;
}
.myCreateOrdercol3leftdiv{
    opacity: 0.7;
    font-size: 16px;
    margin-top: 11px;
}
.COATdiv1{
    font-size: 12px;
    color: rgb(63, 119, 241);
    margin-top: 13px;
    margin-right: 5px;
    float: right;
}
</style>